body{
    background-color: #ddd;
}
.container{
    height: 400px;
    width: 400px;
   background-color:white;
    margin:100px auto;
    input{
        width: 260px;
        height: 40px;
       margin-bottom: 40px;
       margin-left: 80px;
       border: 1px solid #ddd;
       

    }
  
    h2{
        height: 50px;
        width: 380px;
        background-color: red;
        line-height: 50px;
        color:white;
        font-size: 30px;
        padding-left: 20px;
        
    }
    p{
        font-weight: 900;
        font-size: 20px;
        .sp1{
            border-bottom: 2px solid black;
            margin-right: 10px;
            margin-left: 20px;
        }
    }
    .form-group{
        position: relative;
        .ico{
            height: 43px;
            width: 40px;
            background-color: #ddd;
            text-align: center;
            line-height: 40px;
            color: white;
            position: absolute;
            top: 0px;
            left: 40px;
            font-size: 30px;
        }
    }
    button{
        width: 300px;
        background-color: red;
        height: 40px;
        margin-top: 40px;
        margin-left: 50px;
       border: none;
       color: white;
       font-size: 20px;
       border-radius: 10px;
    }
    #tip{
        width: 300px;
        height: 50px;
        margin-top: 20px;
        margin-left: 80px;
       
       
    }
    .success{
        color: green;
        width:280px;
        height: 300px;
     }
     .danger{
         width:280px;
         height: 300px;
         color: red;
     }
}
